/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
  color:#666666;
}
#youshi a, #chanpin p a, #xinwen a{color:#333}
#youshi a:hover, #chanpin p a:hover, #xinwen a:hover{color:#333399/*color:#339966*/}
#youshi p, #xinwen .media-body p{line-height:25px; height: 50px; overflow: hidden;}
#youshi h3 {text-align: center; background: url(../img/youshi.png) center no-repeat; height: 60px; }
#youshi h3 a {display: block; position: relative; top: -40px;}
#xinwen .media-left:hover img {transform: scale(1.4);}
#chanpin p:hover img{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.red {color: #f90808}
.rs_quyu0{display:none}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
#rs-top span{font-size:30px;color:#CC0000;display:inline-block; margin-top:15px; float:right; border:1px solid #CC0000; padding:5px;}
#rs-top span.rs-dianhua{padding:none; border:none;color:#339966; font-size:36px;margin-top:8px;margin-left:5px;}
.navbar-brand{background:url(../img/sm-logo.png) 6px no-repeat; width:172px; padding-left:65px; padding-top:6px;display:inline-block; background-size: 165px auto;}
.navbar-brand span {display:inline-block; font-size:11px;color: #CCC;}
.navbar-header a:hover{color:#FFF}

.navbar{margin-bottom:0px;background:#3366CC;/*#009933;*/border-radius:0px; border:none;}
.navbar-nav > li > a{font-size:15px;color:#FFF;}
.nav > li > a:focus, .nav > li > a:hover{background-color:#339966;}
.dropdown-menu{background-color: #339966;border: 1px solid #339966;}
.dropdown-menu > li > a{color:#FFF}
.navbar button .icon-bar{background:#FFF}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel-inner > .item > img {width:100%;max-height:420px;/*320px;*/ min-height:100px}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing{margin-top:10px;}
#youshi .col-lg-4 a{border: 1px solid #CCC; display: block;}
#youshi .col-lg-4 a:hover{border: 1px solid #3399FF;}
#youshi h2{margin-top:0px; font-size:24px;}
#youshi a:hover{text-decoration:none; color:#333}
#youshi a:hover h2{color:#3399FF;/*#333399;*/}
#youshi p span {display: inline-block; height: 1px; width: 40px; background: #3399FF; }
#youshi .myico{display:inline-block; color:#999;font-size:60px; width:120px; height:120px; line-height:120px;}

#myzhuiguang{background:url(../img/pinpai.png) center no-repeat;}
#mydaikuan{background:url(../img/jingyan.png) center no-repeat;}
#myfupin{background:url(../img/tuandui.png) center no-repeat;}
#myzhaoshang{background:url(../jm1.png) center no-repeat;}

@media (max-width: 768px) {
	#youshi .col-xs-4{padding-right: 8px; padding-left: 8px;}
	#youshi h2{padding-bottom:15px;}
	#youshi .myico{font-size:24px; width:80px; height:80px; line-height:80px;}
	#youshi h2{font-weight:normal;font-size:16px}
	hr{margin:0px;}
}

/*妗堜緥*/
#chanpin p img{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	/*width:240px;
	height:200px;*/width:360px; /*height:260px*/
}
#myTabs {margin-bottom:20px;background:#e8e8e8; border-bottom:none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	color:#FFF;
cursor: default;
background-color:#3366CC;/*#339966;*/
border:none;
}

#chanpin .nav > li > a:focus, #chanpin .nav > li > a:hover{background-color:#3366CC;}

.nav-tabs > li{margin-bottom: 0px;}
.nav-tabs > li > a{border-radius:0px; border:none;color:#333}
.nav-tabs > li > a:hover{color:#FFF}
#chanpin h3{text-align: center; background: url(../img/chanpin.png) center no-repeat; height: 60px;  font-weight:normal; }
#chanpin h3 a{display: block; position: relative; top: -40px;/*#339966;*/color:#333}
#chanpin h3 a:hover{text-decoration:none; color:#3366CC/*#339966*/}

#rs-cases p img{width:295px; /*height:240px;*/}
#chanpin p.title, #rs-zhuti p.title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*anli*/

/*搜搜*/
#sousuo {position: absolute; top: 35px;left: 50%; transform: translateX(-50%);}
#sousuo .text{width: 260px; height: 36px; line-height: 36px; border: 1px solid #ccc;}
#sousuo .button{height: 36px; background: #3399FF; border: none; width: 60px; color: #FFF;}

/*关于*/
#guanyu h3{text-align: center; background: url(../img/guanyu.png) center no-repeat; height: 60px;  font-weight:normal; }
#guanyu h3 a{display: block; position: relative; top: -20px;/*#339966;*/color:#333}
#guanyu h3 a:hover{text-decoration:none; color:#3366CC/*#339966*/}
#guanyu p {line-height: 2;}

/*经营范围*/
#jyfanwei h2 {font-size: 20px;}
#jyfanwei h2 a{color: #3399FF;}
.jyfanwei {border: 1px solid #CCC; padding: 10px 10px 10px 80px; position: relative; }
.jyfanwei:hover {border: 1px solid #3399FF;}
.jyfanwei .myico {background: #3399FF; font-size: 20px; color: #FFF; width: 45px; height: 45px; display: block; text-align: center; line-height: 45px; position: absolute; top: 25px; left: 15px;}

/*资讯*/
#xinwen .media-left a{display:inline-block;width:100px;height:80px;overflow:hidden;}
#xinwen .media-left img{width:100px; height:80px; transition: all 0.6s; }
#xinwen .media-heading{width: 236px; font-size:16px; margin-bottom: 10px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#zixun-icon {font-size:12px; margin-bottom:5px;color:#CCC}
#xinwen h3{text-align: center; background: url(../img/xinwen.png) center no-repeat; height: 60px;  font-weight:normal;}
#xinwen h3 a{display: block; position: relative; top: -40px;/*#339966;*/color:#333}
#xinwen h3 a:hover{text-decoration:none; color:#3366CC}
#xinwen .media{margin-top:5px;}

.cl-title{padding:15px;background:#337ab7; color:#FFF}
.list-group-item:first-child{border-top-left-radius: 0px; border-top-right-radius: 0px;}
.list-group-item:last-child{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.list-group-item.active{background-color: #FFF; border: 1px solid #ddd; border-left: 2px solid #c21b4f; color:#c21b4f}
#rs_zixunliebiao h4 a{color:#333}
#rs_zixunliebiao h4 a:hover{color:#339966}
#rs_zixunliebiao .media-left img{border: 1px solid #EEE; padding:4px;}
.rs_content h1{font-size:24px;border-bottom: 1px solid #eee; margin-top:30px; margin-bottom:10px; padding:10px; text-align:center;}
.news-content img{max-width:100%;}

#xinwen .xwbiaoti { border-bottom: 1px solid #3366CC; padding: 5px 0px 5px 40px; margin-bottom: 10px; }
#xinwen .xwbiaoti h4 {display: inline-block;}
#xinwen .xwbiaoti span {display: inline-block; float: right; right: 0px; margin-top: 10px;}
#xinwen .cpzhishi {background: url(../img/cpzhishi.png) left center no-repeat;}
#xinwen .gsxinwen {background: url(../img/gsxinwen.png) left center no-repeat;}
#xinwen .hydongtai {background: url(../img/hydongtai.png) left center no-repeat;}
#xinwen .gsxwlie, #ss_liebiao .znsousuo{ padding-left: 0px; margin-top: -7px; }
#xinwen .gsxwlie li, #ss_liebiao .znsousuo li{list-style:none; line-height: 2.5; font-size:16px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#xinwen .gsxwlie li span, #ss_liebiao .znsousuo li small{float: right; display: inline-block; padding-left:15px; padding-top:5px; font-size: 12px;}
#xinwen .hydtlie{padding-left: 80px; position: relative; margin-bottom: 25px;}
#xinwen .hydtlie dt{font-size:16px; font-weight: normal; margin-bottom: 10px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#xinwen .hydtlie dd{font-size:12px; line-height: 1.5;}
#xinwen .hydtlie dd.jianjie {height: 36px; overflow: hidden;}
#xinwen .hydtriqi{position: absolute; width: 70px; height: 70px; background:#3399FF; color: #FFF; text-align: center; top: 0; left: 0; }
#xinwen .hydtriqi i{display: block; font-size: 24px; margin-top: 5px;}
/*xinwen*/

/*荣誉*/
#rongyu h3{text-align: center; background: url(../img/rongyu.png) center no-repeat; height: 60px;  font-weight:normal; }
#rongyu h3 a{display: block; position: relative; top: -20px;/*#339966;*/color:#333}
#rongyu h3 a:hover{text-decoration:none; color:#3366CC/*#339966*/}
#rongyu p{text-align: center;}

/*联系我们*/
/*#lxwomen{position:relative;}*/
#lxwomen .panel, #lxwomen .form-control{background-color: transparent; /*border: 1px solid #000;*/ color: #FFF; }
#lxwomen .control-label {color: #FFF; }
#lxwomen{background:url(../img/dahai.jpg) no-repeat; background-size: cover; }
#lxwomen .lxwomen{ position:relative; left: 0; top: 0; background:rgba(0,0,0,0.5);}
#lxwomen h3{text-align: center; background: url(../img/lianxi.png) center no-repeat; height: 60px;  font-weight:normal;}
#lxwomen h3 a{display: block; position: relative; top: -40px;/*#339966;*/color:#FFF}
/*联系我们*/

/*友链*/
.youxian {margin: 10px 0; padding: 10px; border: 1px solid #CCC;}
.youxian dt{display: inline-block; color: #FFF; }
.youxian dd{display: inline-block; margin-left:5px; }
.youxian dd a{color: #FFF;}

/*页脚*/
footer{background:#000; padding-bottom:20px; /*margin-top:20px;*/ padding-top:20px; color:#FFF}
footer hr{border-top: 1px solid #5a5a5a;}
#myyejiao dt{color:#FFF; margin-bottom:10px;}
#myyejiao dd{ height:25px; line-height:25px;}
#myyejiao a{/*color:#5a5a5a*/color:#FFF}
#myyejiao img{width:80px; height:80px;}
/*页脚*/
.marketing .col-lg-4 {
  margin-bottom:10px;
  text-align:center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  /*margin: 80px 0;*/ /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {
	#chanpin p img, #rs-cases p img{/*height:110px;*/}
	
	#xinwen .media-left img, #xinwen .media-left a, #rs_zixunliebiao .media-left img{width:100px; height:80px;}
	#xinwen .media-heading, #rs_zixunliebiao .media-body h4{font-size:14px;}
	#zixun-icon{margin-top:15px}
	#xinwen .text-right{text-align:left}
	#rs-zhuti h1{font-size:16px}
	
	#myTabs {display: flex; justify-content: space-around;}
	#chanpin .nav > li > a {padding:10px 5px;}
	.navbar-header {background: #FFF; padding:8px 0px;}
    .navbar button .icon-bar {background: #000;}
	
	.rs_content img{width:100%}
	
	#myzhaoshang:hover, #myzhaoshang, #myfupin:hover, #myfupin, #mydaikuan:hover, #mydaikuan{background-size:60px 60px}
}
@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  
  /*17-3-18*/
  #youshi a{ padding: 20px 10px 30px 10px;}
  #youshi {margin-top:30px;}
  #chanpin h3, #xinwen h3, #lxwomen h3{padding-top:30px;}
  #chanpin .tab-content .col-md-4 {margin-bottom:20px;}
  #xinwen .col-md-6 {margin-bottom:15px;}
  #lxwomen .col-sm-4 img{margin-top:30px;text-align:right;}
  
  #rs-bottom-nav{ margin-bottom:20px; padding-bottom:10px; text-align:center; border-bottom: 1px dashed #FFF}
  #rs-bottom-nav a{color:#FFF}
  #rs-bottom-nav a:hover{background:#333399}
  #rs-zhuti .news-content{font-size:16px; line-height:30px;}
  
  #xinwen .media-left{padding-right: 10px;}
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

.nav > li:hover .dropdown-menu { display: block; }
#cutepage{margin-top:10px;}
#rs-guanyu, #rs-zhuti{padding:15px; }

#rs_zixunliebiao .media{padding-bottom:10px; border-bottom:1px #EEE dotted}